<script setup lang="ts">
import { useCounterStore } from '@/store/modules/dome'

defineProps<{ msg: string }>()

const store = useCounterStore()
</script>

<template>
  <div>
    <h1>{{ msg }}</h1>
    <div class="card">
      <button type="button" @click="store.count++">
        count is {{ store.count }}
      </button>
    </div>
  </div>
</template>

<style scoped>
.read-the-docs {
  color: #888;
}
</style>
